<template>
    <el-container>
        <el-main>
            <!--总结试图-->
            <el-row :gutter="20">

                <el-col :span="6">
                    <el-card>
                        <div slot="header">
                            <span>本周新用户</span>
                        </div>
                        <div>
                            <div id="userChart" style="font-size: 30px">324</div>
                        </div>
                        <div>
                            <span>日新增 32</span>
                        </div>
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card>
                        <div slot="header">
                            <span>本周UV</span>
                        </div>
                        <div>
                            <div id="uvChart" style="font-size: 30px">5325</div>
                        </div>
                        <div>
                            <span>日新增 180</span>
                        </div>
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card>
                        <div slot="header">
                            <span>本周PV</span>
                        </div>
                        <div>
                            <div id="pvChart" style="font-size: 30px">96546</div>
                        </div>
                        <div>
                            <span>转化率 78%</span>
                        </div>
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card>
                        <div slot="header">
                            <span>本周订单</span>
                        </div>
                        <div>
                            <div id="orderChart" style="font-size: 30px">¥ 645435</div>
                        </div>
                        <div>
                            <span>日新增 6</span>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
            <!--动态热销-->
            <el-row :gutter="20" style="margin-top: 20px;">

                <el-col :span="18">

                    <el-card>

                        <div slot="header">
                            <span>动态</span>
                        </div>

                        <el-row v-for="n in 10" :key="n" style="margin-bottom: 10px">
                            <el-col :span="20">张三 新建了项目 <span class="text-primary">Element Admin</span></el-col>
                            <el-col :span="4" class="text-info"> 2018-3-1 13:43</el-col>
                        </el-row>

                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-row>
                        <el-col>
                            <el-card>
                                <div slot="header">
                                    <span>热销商品</span>
                                </div>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 302</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 102</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 59</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 1239</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 1239</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 302</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 102</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 59</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 1239</el-tag>
                                </div>
                                <hr>
                                <div class="text-primary">2018新款韩版潮流男士夏装丅恤上衣服
                                    <el-tag type="danger" size="mini" class="float-right">¥ 1239</el-tag>
                                </div>
                            </el-card>
                        </el-col>
                    </el-row>
                </el-col>
            </el-row>
        </el-main>
    </el-container>
</template>

<script>
    export default {
        name: "home_contet"
    }
</script>

<style scoped>

</style>